{extend name="base" /}
{block name="title"}程序员的收藏夹-专注于程序员学习、分享{/block}

{block name="header"}
	{include file="public/header" /}
{/block}

{block name="content"}
<div class="zbd-content">
	<div class="zbd-left-menu">
		{foreach $typeList as $key => $val}
		<a href="javascript:;" data-scroll="#scroll-{$val['id']}" data-offset="170" class="small block">{$val['name']}</a>
		{/foreach}

		<!-- <a href="javascript:;" class="small block mt30" onclick="ice.setScrollT()"><span class="icon ice-arrow-line-t"></span></a> -->
		<!-- <a href="javascript:;" class="small block"  onclick="ice.setScrollB()"><span class="icon ice-arrow-line-b"></span></a> -->
	</div>
	
	<!-- 顶部标签 -->
	<div class="page">
		<div class="p15 zbd-ad-title mb15">
			<a href="javascript:;" class="small black a-line left mr20 ml20 bold">热门常用:</a>
			{foreach $hosArr as $key => $val}
			<a href="{$val['link']}" target="_blank" class=" black a-line left mr30" style="color: {$val['color']} !important">{$val['name']}</a>
			{/foreach}
		</div>

		<div class="mb20 pl20 pt20 pr15 zbd-ad-title" id="scroll-1">
			<p class="title-l zbd-mt1">常用</p>
			{foreach $typeListArr[0]['site'] as $key => $val}
			<a href="{$val['url']}" target="_blank" class="left mr20 zbd-bg mb15">
				<img src="{$val['pic']}" class="small-tool-icon">{$val['title']}
			</a>
			{/foreach}
		</div>
	</div>

	<!-- 左右分裂 -->
	<div class="page">
		<div class="row">
			<div class="w3">
				<div class="box yy">
					<div class="box-title icon ice-weixin">
						<div class="left bold">站长公众号</div>
					</div>
					<div class="text-center">
						<img class="wechat img-view" src="http://pic.zhengbingdong.cn/upload/20220331/22f25902010175cc140945d5b377f923.jpg" style="width:70%" />
						<p class="big green">扫码关注 【程序猿的栖息地】</p>
						<p class="small">学习更多前沿技术分享</p>
					</div>
				</div>

				<div class="box yy">
					<div class="box-title icon ice-code">
						<div class="left bold">最新收录 <i class="small">- 最好用的开源项目</i></div>
					</div>
					<div class="box-content">
						<ul class="list1">
							{foreach $nowPjList as $key => $val}
							<li class="list-item">
								<div class="list-round abg{$key}"></div>
								<div class="list-title el" data-notes="{content:'{$val['title']}'}"><a href="/project/article?id={$val['id']}" class="black small">{$val['title']}</a></div>
								<div class="list-desc">{$val['type']['name']}</div>
								<div class="list-time">{$val['create_time']}</div>
							</li>
							{/foreach}
						</ul>
					</div>
				<!-- <button type="button" class="btn bg-black btn-ani"><span>提交我的开源项目<i></i></span></button> -->

				</div>

				<div class="box yy">
					<div class="box-title icon ice-weixin">
						<div class="left bold">微信技术交流群</div>
					</div>
					<div class="text-center">
						<img class="wechat img-view" src="http://pic.zhengbingdong.cn/upload/20220331/1e42362b7524301b34c216224cada408.jpg" style="width:70%" />
						<p class="big green">立刻扫码加入</p>
					</div>
				</div>

				<div class="box yy">
					<div class="box-title icon ice-quote">
						<div class="left bold">常用工具集合</div>
					</div>
					<div class="p10">
						{foreach $typeListArr[0]['site'] as $key => $val}
						<a href="{$val['url']}" target="_blank" class="tag tag-radius inline-block black mb10 bq-bg-{$key}">{$val['title']}</a>
						{/foreach}
					</div>
				</div>
			</div>
			<div class="w9">
				<!-- <div class="mb15 p10 yy">
					<div class="row">
						<div class="w2">
							<div class="creator-center-card">
								<img src="http://coderutil.oss-cn-beijing.aliyuncs.com/bbs-image/file_e139fb309da04298b5a155e2a8cac81d.png" class="web-page-module-link-card-icon">
								<p class="web-page-module-link-card-title creator-center-title"><b>订阅号</b></p>
							</div>
						</div>

						<div class="w2">
							<div class="creator-center-card">
								<img src="http://coderutil.oss-cn-beijing.aliyuncs.com/bbs-image/file_e139fb309da04298b5a155e2a8cac81d.png" class="web-page-module-link-card-icon">
								<p class="web-page-module-link-card-title creator-center-title"><b>订阅号</b></p>
							</div>
						</div>
					</div>
				</div> -->

				{foreach $typeListArr as $key => $val}
				{if condition="$key > 0"}
				<div class="box yy">
					<div class="box-title icon ice-arrow-triangle-r" id="scroll-{$val['id']}">
						<div class="left bold">{$val['name']}</div>
						<div class="right"><div class="icon-arrow-r"><span></span></div></div>
					</div>
					<div class="box-content">
						<div class="row">
							{foreach $val['site'] as $k => $v}
							<div class="w3 mb15" data-notes="{position:'top',content:'{$v.descs}'}">
								<a href="{$v['url']}" target="_blank">
									<div class="zbd-items">
										<div class="zbd-li el"><img class="zbd-icon" src="{$v['pic']}" /> {$v['title']}</div>
										<p class="zbd-desc el">{$v['descs']}</p>
									</div>
								</a>
							</div>
							{/foreach}
						</div>
					</div>
				</div>
				{if condition="$key == 1"}
				<!-- 资源下载 -->
				<div class="box radius0">
					<div class="title-l fon14">学习资料免费下载</div>
					<div class="box-content">
						<ul class="list">
							{foreach $hotList as $h => $hv}
							<li class="list-item">
								<span class="list-icon"><img src="/static/web/zbdui/src/img/zip.png" class="align-middle book-icon"></span>
								<a href="/book/detail?id={$hv['id']}" class="list-title book-a">{$hv['title']}</a>
								<span class="list-time">{$hv['create_time']}</span>
								<div class="book-li"><span class="orange mr20">{$hv['pre']['name']}</span><span class="green mr20">{$hv['som']['name']}</span><span class="mr25">大小：{$hv['size']}</span><span class="mr25">下载：{$hv['downloads_num']} 次</span><span class="mr25">预览：{$hv['yulan']} </span></div>
							</li>
							{/foreach}
						</ul>
						<p class="text-center mt15"><a href="/book" class="a-line blank">查看更多免费资料</a></p>
					</div>
				</div>
				{/if}
				{/if}
				{/foreach}

			</div>
		</div>
	</div>
</div>
{/block}